<template>
 <div>
     <h1>这是APP组件
     </h1>
     <mt-button type="default" @click="toast">default</mt-button>
     <mt-button type="primary">primary</mt-button>
     <mt-button type="danger" @click="clearToast">danger</mt-button>
     <button type="button" class="mui-btn mui-btn-danger">
					红色
				</button>
				<button type="button" class="mui-btn mui-btn-royal">
					紫色
				</button>
</div>    
</template>
<script>
import { Toast } from 'mint-ui';
    exports.default={
       data(){
            return {
    mytoast:null
            }
       },
       methods:{
          toast(){
                this.mytoast=Toast({
                    message: '提示',
                    position: 'bottom',
                    duration: -1,
                    iconClass: 'glyphicon glyphicon-shopping-cart',
                    className:"myclass"
               });
           },
           clearToast(){
               this.mytoast.close()
           }
       }
    }

</script>
<style lang="scss">
.myclass{
    color: red;
}
</style>
